﻿<?xml version="1.0" encoding="utf-8" ?>
<controls>
    
   <snippet control="Tab">
        @{Html.MVCUI()
        .WebTab()
          .Name("tb1").Items((it) =>
            {
                it.Content(@<div>@RenderContent()</div>).Name("Razor");
            }).Items((it) =>
            {
                it.Content(@<text>teadl</text>).Name("Server");
            }).Render();
        }
    </snippet>
    
    <snippet control="Panel">
       @{
        Html.MVCUI()
         .WebPanel()
         .Title("Title")
         .Name("panel1")
         .Content(@<div style="height:200px">
            Contrary to popular belief,
            Lorem Ipsum is not simply random text.
            It has roots in a piece of classical Latin
            literature from 45 BC, making it over 2000 years old.
            Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,
            looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage,
            and going through the cites of the word in classical literature, discovered the undoubtable source.
            </div>)
        .Render();
       }
    </snippet>
    <snippet control="Accordion">
     @{
        Html.MVCUI()
         .Accordion()
         .Name("accordion")
         .Items((it) =>
         {
           it.Name("Title1")
           .Content(@<text>Some pure text</text>);

         }).Items((it) =>
          {
          it.Name("Title2")
          .Content(@<table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    Render a table inside the accordion
                </td>
             </tr>
           </table>);
          }).Items((it) =>
          {
              it.Content(@<text>@Content()</text> )
              .Name("Long Content");
          })
         .Render();
        }
    </snippet>
    
</controls> 
